<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>

<div class="panel panel-default">
    <c:if test="${not empty artikelen}">
        <div class="panel-heading">
            <H2>Beschikbare films</H2> 
        </div>
        <c:forEach var="artikel" items="${artikelen}">
            <div class="predefinedOverview col-md-11" style="margin-left:40px">
                <div>
                    <img class="leftalign" style="margin-bottom: 10px" src="img/artikel/${artikel.titel}.jpg"  width="195" />
                </div>
                <div class="col-md-8">
                    <h3>${artikel.titel}</h3>
                    <p>
                        ${artikel.datadrager} / ${artikel.uitvoering} / ${artikel.genre}
                    </p>
                </div>
                <div class="col-md-8 leftalign">
                    <p>${artikel.samenvatting}</p>
                    <p></p>
                    <p>
                        <a href="artikel/details/${artikel.artikelID}">Bekijk details</a>
                    </p>
                </div>
                <div class="col-md-2">
                    <div class="row">
                        <p style="font-size:15px">${artikel.duur}</p>
                        <p style="font-size:15px">${artikel.cast}</p>
                        <p>${artikel.producent}<br>
                            ${artikel.productiemaatschappij}</p>
                    </div>
                    <div style="clear:both"></div>
                    <!--<div class="submit col-md-4"><a class="btn-link" href="reserveren/${artikel.artikelID}">Reserveer</a></div>-->
                </div>
            </div>
        </c:forEach>
    </c:if>
    <c:if test="${empty artikelen}">
        <H3>Helaas, er zijn geen resultaten gevonden</H3>
        </c:if>

</div>